<html xmlns="http://www.w3.org/1999/html">
{% load staticfiles %}
{% load filter %}
<head>
    <title>玩吧游戏审核平台</title>
    <script src="{% static "assets/js/jquery-1.11.1.min.js" %}" type="text/javascript"></script>
    <script src="{% static "assets/js/jquery.validate.min.js" %}" type="text/javascript"></script>
    <script src="{% static "js/message_zh.js" %}" type="text/javascript"></script>
    <script src="{% static "js/common.js" %}" type="text/javascript"></script>
    <script src="{% static "js/validation.js" %}" type="text/javascript"></script>
</head>
<style type="text/css">
    .error {
    color: red;
    }
</style>
<script type="text/javascript">

$().ready(function () {
    submit_login_form();
});

</script>

<body id="body" style="background-color: #40424b">
<div style="width: 800px;height: 100%;margin: auto auto">
    <form id="id_login_form">
        <div id="id_login_background"
             style="position: absolute;width: 600px;height: 400px;background-color: #40424b; padding-left: 100px; padding-right: 100px; padding-top: 50px; padding-bottom: 50px">
            <div id="id_login_title" style="position: relative;width: 100%;height: 20%;">
                <img src="{% static "images/logo.png" %}">
            </div>
            <div style="position:relative; width: 100%; margin-top: 20px">
                <span style="color: white; height: 100%; font-size: 20px">欢迎使用玩吧后台管理系统</span>
            </div>
            <div id="id_login_body"
                 style=" position: relative;width: 100%;height: 250px;background-color: #40424b;">
                <div style="height: 40px;width: 100%; margin-top:30px;">
                    <div style="height: 100%;width: 100%;float: left">
                        <input type="text" name="username"
                               style="border: 1px solid gray; border-radius: 3px;color: black; background-color:#40424b; width: 100%; height: 100%"
                               placeholder="请输入用户名"/>
                    </div>
                </div>
                <div style="height: 40px;width: 100%; margin-top:30px;">
                    <div style="height: 100%;width: 100%;float: left">
                        <input type="password" name="password"
                               style="border: 1px solid gray; border-radius: 3px;color:black;background-color: #40424b; width: 100%; height: 100%"
                               placeholder="******"/>
                    </div>
                </div>
                <div style="height: 40px;width: 100%; margin-top:30px;">
                    <div style="height: 100%;width: 60%;float: left">
                        <input type="text"
                               name="validation_code"
                               style="border: 1px solid gray; border-radius: 3px;color: white; background-color: #40424b; width: 100%; height:100%"
                               maxlength="4"
                               placeholder="输入验证码"/>
                    </div>
                    <div style="height: 100%;width: 100px;background-color: #40424b;float: right">
                        <img src="{% static code_image_path|filename %}" style="border: 1px solid
                        black;"/>
                    </div>
                </div>
                <div style="height: 40px; width: 100%; margin-top: 40px">
                    <input class="submit"
                           type="submit"
                           id="id_btn_login"
                           style="color: white; border-radius:3px; background-color:#52a1e5;width:100%; height:100%; border-style: none; font-size: 24px; font-weight: bold"
                           value="登录"/>
                </div>
            </div>

        </div>
    </form>
</div>
</body>
</html>
